<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0
    minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="../../css/css/base.css"/>
    <link rel="stylesheet" href="../../css/css/perfect.css"/>
</head>
<body>

<div class="header">
    <div class="shang">
        <div class="head-left">
            <a href="../settings.html">
                <img src="../../img/wei.png" alt=""/>
            </a>
        </div>
        <div class="head-cont">
            个人资料
        </div>
        <div class="head-right">
            123
        </div>
    </div>
    <div class="cont-head">
        <div class="left">
            <a href="#">
                <div class="left-img" id="displer">
                    <img src="../../img/logo2.png" alt=""/>
                </div>
            </a>
            <div class="left-text">
                <div class="top">SZ1049</div>
                <a href="#">
                    <div class="click">
                        <img src="../../img/icon5.png" alt=""/>
                        <input type="button" class="btn" value="个人用户"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="right">
            <div class="btn">
                <input type="text" value="未认证" class="buttn"/>
            </div>
        </div>
    </div>
</div>
<div class="nav">
    <a href="#">
        完善个人资料可享受更多闪注优惠
    </a>
</div>
<div class="cont-content">
    <div class="cont-top list">
        <a href="#" class="asd">
            <div class="left">Email</div>
            <div class="right">
                <span class="hui">未添加邮箱</span>
                <img src="../../img/back-btn2.png" alt=""/>
            </div>
        </a>
    </div>
    <div class="cont-top list">
        <a href="#" class="asd">
            <div class="left">联系人</div>
            <div class="right">
                <span>崔小小</span>
                <img src="../../img/back-btn2.png" alt=""/>
            </div>
        </a>
    </div>
    <div class="cont-top list">
        <a href="#" class="asd">
            <div class="left">手机号码</div>
            <div class="right">
                <span>18652412512</span>
                <img src="../../img/back-btn2.png" alt=""/>
            </div>
        </a>
    </div>
    <div class="cont-top list">
        <a href="#" class="asd">
            <div class="left">身份证正面</div>
            <div class="right">
                <span class="hui">未上传身份证信息</span>
                <img src="../../img/back-btn2.png" alt=""/>
            </div>
        </a>
    </div>
    <div class="cont-btm list">
        <a href="#">
            <div class="left">身份证背面</div>
            <div class="right">
                <span class="hui">未上传身份证信息</span>
                <img src="../../img/back-btn2.png" alt=""/>
            </div>
        </a>
    </div>
</div>
<div class="foot">
    <a href="#">
        提交审核
    </a>
</div>

<div class="dis" id="dis">
    <ul class="dis-ul">
        <li><a href="#">拍照</a></li>
        <li class="zhon"><a href="#">从相册中选择</a></li>
        <li class="end" id="end"><a href="#">取消</a></li>
    </ul>
</div>

<!--<script src="../../js/zepto.min.js"></script>-->
<script src="../../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    (function(win,doc){
        //浏览器缩放时
        win.onresize=function(){
            change();
        };
        change();
        function change(){

            var oFs=doc.documentElement.clientWidth/(320/20);

            //设置根目录字体大小
            doc.documentElement.style.fontSize=oFs+'px';
        }
    })(window,document);

    $(function(){
        $("#displer").click(function(){
            $("#dis").stop().fadeIn(10);
//            $("#dis").css({"backgroundColor":"rgba(0,0,0,0.4)"})
        });
        $("#end").click(function(){
            $("#dis").stop().fadeOut(10);
        })
    })







</script>

</body>
</html>